@import '/packages/theme-chalk/src/mixins/config.scss';

.ra-carousel__carousel-item {
  .#{$namespace}-carousel-item {
    width: 100%;
    height: 100%;
    background-color: #99a9bf;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.ra-carousel__carousel-item:nth-child(even) {
  .#{$namespace}-carousel-item {
    width: 100%;
    height: 100%;
    background-color: #d3dce6;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
